<template>
    <div class="box">
        <div class="top">
              <v-ginsengNav></v-ginsengNav>
        </div>
        <div class="assets">
        <ul>
          <li><p>当前账号:</p>
            <input type="text" v-model='phone' readonly>
          </li>
          <!--<li><p>性别:</p>
            <input type="text" value="男">
          </li>-->
          <li><p>姓名:</p>
            <input type="text" v-model='name' readonly>
          </li>
          <!-- <li><p>年龄:</p>
            <input type="text" placeholder="请输入年龄">
          </li> -->
        </ul>
        </div>
    </div>
</template>

<script>
import ginsengNav from "../ginsengNav";
export default {
  data() {
    return {
      phone: u.getStore("user").userid || "13812813888",
      name: u.getStore("user").name || "未登录"
    };
  },
  components: {
    "v-ginsengNav": ginsengNav
  },
  mounted() {
    this.$parent.flag1 = true;
    this.$parent.flag2 = false;
  }
};
</script>

<style lang="less" scoped>
html,
body {
  width: 100%;
  height: 100%;
}
.box {
  padding: 0 34px;
  width: 100vw;
  height: 100vh;
  background: url("../../../static/image/ginsengbg2.png") no-repeat;
  background-size: 100% 100%;
  padding: 30px 34px 50px 32px;
  .top {
    margin: 20px 0;
  }

  .assets {
    background: url("../../../static/image/soldbg.png") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 1104px;
    padding-left: 28px;
    padding-top: 72px;
    ul {
      li {
        padding-left: 25px;
        display: flex;
        align-items: center;
        width: 93%;
        height: 82px;
        background: url("../../../static/image/notice_1.png") no-repeat;
        background-size: 100% 100%;
        margin-bottom: 45px;
        color: #ffffff;
        font-size: 34px;
        p {
          width: 154px;
          text-shadow: 0 2px #3a230a, -3px 0 #3a230a, -2px 2px #3a230a, -3px 1px #3a230a;
        }
        input {
          background-color: transparent;
          margin-left: 10px;
          text-shadow: 2px 3px 2px #000000;
           text-shadow: 0 2px #a56a2c, -3px 0 #a56a2c, -2px 2px #a56a2c, -3px 1px #a56a2c;
        }
      }
      // & > li:last-child {
      //   height: 76px;
      //   background: url(../../../static/image/z_9.png) no-repeat;
      //   input {
      //     text-shadow: 0 0 0 #000;
      //   }
      // }
    }
  }
}
</style>
